<div id="_keyshortcut" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3>{{i18n .Lang "Control panel"}}</h3>
            </div>
            
            <div class="modal-body">
                <table>
                    <tbody>
                        <tr><td align="right"><b>?</b></td><td> : {{i18n .Lang "This menu"}}</td></tr>
                        <tr><td align="right"><b>/</b></td><td> : {{i18n .Lang "Search site"}}</td></tr>
                        <tr><td align="right"><b>.</b></td><td> : {{i18n .Lang "Go to export"}}</td></tr>
                        <tr><td align="right"><b>g</b> + <b>g</b></td><td> : {{i18n .Lang "Go to top of page"}}</td></tr>
                        <tr><td align="right"><b>g</b> + <b>b</b></td><td> : {{i18n .Lang "Go to bottom of page"}}</td></tr>
                        <tr><td align="right"><b>g</b> + <b>i</b></td><td> : {{i18n .Lang "Go to index"}}</td></tr>
<!--                        <tr><td align="right"><b>g</b> + <b>t</b></td><td> : {{i18n .Lang "Add or remove labels"}}</td></tr>-->
                        <tr><td align="right"><b>g</b> + <b>e</b></td><td> : {{i18n .Lang "Add examples"}}</td></tr>
                    </tbody>
                </table>
            </div>
            
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss='modal' aria-hidden="true">{{i18n .Lang "Close"}}</a>
            </div>
        </div>
    </div>
</div>

<footer id="_bottom">
	<div class="container" style="padding-left: 0px; padding-top: 10px; padding-bottom: 10px;">
		<div class="col-xs-8 col-md-8" style="width: {{if .IsHome}}440{{else}}600{{end}}px;">
			<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
			<script type='text/javascript' src='/static/js/gwserver.js'></script>

			<p><strong>{{i18n .Lang "Copyright"}} © 2013 Go Walker</strong></p>
            {{if eq .Lang "en-US"}}
			<p>Website built by <i class="icon-user"></i> <a target="_blank" href="https://github.com/Unknwon">@Unknown</a>. Powered by <a target="_blank" href="https://github.com/astaxie/beego"><i class="icon-bold"></i>eego</a> and <a target="_blank" href="https://github.com/coocood/qbs">Qbs</a>.</p>
			{{if .IsHome}}<p>Based on <a target="_blank" href="http://getbootstrap.com/">Bootstrap</a>. Icons from <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a>.</p>{{end}}
			{{if .IsHome}}<p>{{end}}Send us <i class="icon-envelope"></i> <a href="mailto:joe2010xtmf#163.com">Feedback</a> or submit <i class="icon-tasks"></i> <a target="_blank" href="https://github.com/Unknwon/gowalker/issues">Website Issues</a>. {{if .IsHome}}</p>{{end}}<strong>Language:</strong>
    		{{else if eq .Lang "zh-CN"}}
			<p>网站建设者 <i class="icon-user"></i> <a target="_blank" href="https://github.com/Unknwon">@Unknown</a>. 项目基于 <a target="_blank" href="https://github.com/astaxie/beego"><i class="icon-bold"></i>eego</a> 和 <a target="_blank" href="https://github.com/coocood/qbs">Qbs</a> 构建。</p>
			{{if .IsHome}}<p>界面基于 <a target="_blank" href="http://v3.bootcss.com/">Bootstrap</a>. 图标来自 <a target="_blank" href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a>.</p>{{end}}
			{{if .IsHome}}<p>{{end}}给我们发送 <i class="icon-envelope"></i> <a href="mailto:joe2010xtmf#163.com">反馈</a> 或者提交 <i class="icon-tasks"></i> <a target="_blank" href="https://github.com/Unknwon/gowalker/issues">网站问题</a>. {{if .IsHome}}</p>{{end}}<strong>语言选项：</strong>
			{{end}}

		    <div class="btn-group dropup">
			    <button class="btn dropdown-toggle" data-toggle="dropdown">{{.CurLang}} <span class="caret"></span></button>
			    <ul class="dropdown-menu">
				{{$keyword := .Keyword}}
			    	{{range .RestLangs}}
			    	<li><a rel="nofollow" href="?lang={{.Lang}}&q={{$keyword}}">{{.Name}}</a></li>
			    	{{end}}
			    </ul>
		    </div>
		</div>
		{{template "static_file" .}}
	</div>
</footer>

{{define "static_file"}}
{{if .IsHome}}
<div class="col-xs-6 col-md-6" style="margin-top: 25px;">
	<div style="text-align: center;">
		<img src="/static/img/qiniu.png">
	</div>

	<div style="text-align: center;margin-top: 15px;">
		<img src="/static/img/Golang.png">
		<img src="/static/img/bee.gif" style="width: 58px;">
		<img src="/static/img/linode.png">
	</div>
</div>

<link href="/static/css/typeahead.js-bootstrap.css" rel="stylesheet" />

<script >
	// Call popover for features.
	$(function () {
	    $('.feature').popover()
	})
	
    $('.typeahead').typeahead({
        prefetch: '/static/js/query.json',
        limit: 10
    });
    
    $('.tt-query').css('background-color','#fff');
</script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
{{else}}
{{if .IsHasReadme}}
<script type="text/javascript" src="/static/js/showdown.js"></script>
<script type="text/javascript">
	var converter = new Showdown.converter({});
	var readme = document.getElementById("readme");
	var content = converter.makeHtml(document.getElementById("readme").innerHTML);
	content = content.replace(/&amp;/g, "&");
	readme.innerHTML = content;
	readme.style.display = "block";

	// Resize images if too large.
	var doc = $("#readme");

	doc.find("img").load(function(){
		var w = $(this).width();
		$(this).width(w > 600 ? 600 : w)
	})
</script>
{{end}}

{{if .IsDocumentation}}
<script type="text/javascript">
    (function($){

        var doc = $("#markdown");

        var trans2zh = false;
        {{if .IsDocumentation}}
        if (document.getElementById("lang").innerHTML == "zh-CN") {
        	trans2zh = true;
        }
        {{end}}

        // Set anchor.
        doc.find("h1, h2, h3, h4, h5, h6").each(function(){
            var node = $(this);
            var id = node.attr("id");

            if (typeof(id) != "undefined") {
	            node = node.wrap('<div class="anchor-wrap" ></div>');
	            node.append('<a class="anchor" href="#' + node.attr("id") + '"><span class="octicon octicon-link"></span></a>')
	             if (trans2zh) {
	             	TransToChinese(node);
	             }
        	}
        });

    })(jQuery);
</script>

<link href="/static/css/typeahead.js-bootstrap.css" rel="stylesheet" />
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
{{end}}
{{end}}
{{if .IsProMode}}
<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-40109089-2', 'gowalker.org');
	ga('send', 'pageview');
</script>
{{end}}
{{end}}